<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>
        欢迎界面
    </title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="css/main.css" media="all">
    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.css" media="all">
    <link rel="stylesheet" href="lib/bootstrap/js/bootstrap.min.js" media="all">
</head>
<body>
<style type="text/css">
    legend {
        display: block;
        width: 100px;
        border-bottom: 0px;
        font-family: "Microsoft YaHei", "Helvetica Neue";
    }

    legend a {
        color: #666;
    }

    legend a:hover {
        text-decoration: none;
    }

    .layui-table {
        font-family: "Microsoft YaHei", "Helvetica Neue";
    }

    .margin-left {
        margin-left: 16px;
    }

    .border-bottom {
        border-bottom: 1px solid #ddd;
    }

    .background-clear {
        background: none !important;
    }

    .word-break-all {
        word-break: break-all;
    }

    .text-deleted {
        text-decoration: line-through;
        color: #999;
    }

    .text-align-center {
        text-align: center;
    }

    .text-align-right {
        text-align: right;
    }

    .text-color-red {
        color: #ea644a !important;
    }

    .text-color-green {
        color: #38b03f !important;
    }

    .text-color-primary {
        color: #3280fc !important;
    }

    .text-color-gray {
        color: #808080 !important;
    }

    .width-100 {
        width: 100%;
    }

    .pos_abs {
        position: absolute;
    }

    html,
    body {
        height: 100%;
    }

    div {
        box-sizing: border-box;
    }

    img {
        vertical-align: middle;
    }


</style>
<div class="x-body">
    <blockquote class="layui-elem-quote">
        欢迎使用电梯管理系统！<span class="f-14">v1.0</span>
    </blockquote>
    <div class="row">

        <div class="welcome-page">
            <div class="welcome-main">
                <div class="header">
                    <div class="width-100">
                        <img class="logo_title" src="images/logo_cloud.png" alt="">
                    </div>
                    <img class="logo" src="images/tx.jpg" alt="">
                </div>
                <div class="entry-box page-checkPermits" id="app">

                    <a v-if="ifExist('pages/universal/employeeinformation/employeelist/employee_list.html')"
                       openUrl="pages/universal/employeeinformation/employeelist/employee_list.html" href="javascript:;"
                       class="page-redirect">
                        <img src="images/1.JPG" alt="">
                    </a>
                    <a v-if="ifExist('pages/finance/capitalflow/collectionflow.html')"
                       openUrl="pages/finance/capitalflow/collectionflow.html" href="javascript:;"
                       class="page-redirect">
                        <img src="images/2.JPG" alt="">
                    </a>
                    <a v-if="ifExist('pages/marketingsafety/marketingsafetymanagement/marketingsafetymanagement.html')"
                       openUrl="pages/marketingsafety/marketingsafetymanagement/marketingsafetymanagement.html"
                       href="javascript:;" class="page-redirect">
                        <img src="images/3.JPG" alt="">
                    </a>
                    <a v-if="ifExist('pages/storageroom/material_information/inventory_query/iventory_query.html')"
                       openUrl="pages/storageroom/material_information/inventory_query/iventory_query.html"
                       href="javascript:;" class="page-redirect">
                        <img src="images/4.JPG" alt="">
                    </a>
                    <a v-if="ifExist('pages/marketingsafety/marketingsafetymanagement/sale_marketingsafetymanagement.html')" openUrl="pages/marketingsafety/marketingsafetymanagement/sale_marketingsafetymanagement.html" href="javascript:;" class="page-redirect">
                        <img src="images/5.JPG" alt="">
                    </a>
                    <a v-if="ifExist('pages/map_list/desk_calendar.html')" openUrl="pages/map_list/desk_calendar.html"
                       href="javascript:;" class="page-redirect">
                        <img src="images/6.JPG" alt="">
                    </a>
                </div>
            </div>

        </div>

    </div>


    <!--相关统计-->


</div>

<script src="lib/layui/layui2.5.7.js" charset="utf-8"></script>
<script src="js/jquery.min.js"></script>
<script src="js/echarts.min.js"></script>
<script type="text/javascript" src="js/vue.min.js"></script>

<script>

    new Vue({
        el: '#app',
        methods: {
            ifExist(val) {
                return f(val);
            }
        }
    });

    function f(val) {
        let flag = false;
        let roleRoute = JSON.parse(localStorage.getItem('roleRoute'));
        $.each(roleRoute, function (index, item) {
            if (item.children !== []) {
                $.each(item.children, function (index, item) {
                    if (item.url === val) {
                        flag = true;
                    }
                })
            }
        });
        return flag;
    }

    $(function () {
        $('.page-redirect').click(function () {
            localStorage.setItem('openHref', $(this).attr('openUrl'));
        })
    })

</script>
</div>
<div class="layui-footer footer footer-demo">
    <div class="layui-main">
        <p>
            <a target="_blank" href="http://www.0561cc.com/">
                Copyright ©2021 相王科技 All Rights Reserved.
            </a>
        </p>

    </div>
</div>

</body>
</html>
